<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">

	<!-- Bootstrap 的 CSS 文件 -->
	<link rel="stylesheet" href="/static/bootstrap-4.6.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="/static/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="/static/css/main.css">

	<title>模板1</title>
</head>
<body>

<!-- 主体部分 -->
<div class="container h-100">
	<div class="row justify-content-center h-100" id="cardCanvas">
		<div class="col-10 h-100" style="overflow:hidden;">
			<iframe src="" class="w-100 h-100" name="diyFrame" style="border: 0;"></iframe>
		</div>

		<div style="background-color: rgb(168, 57, 38);" class="cardBg1 hCenter">
			<div class="row justify-content-center h-100 ">
				<div style="background-color: rgb(198, 148, 75);" class="cardBg2 hCenter " id="canvas1">
					<div class="dragDiv" id="dragDiv001" style="width: 50%; left: 27px; top: 213px; ">
						<button type="button" class="close" onclick="deleteDiv('dragDiv001')" style="float: left;">
							<span aria-hidden="true">&times;</span>
						</button>
						<img src="/asset/img/扇子001.svg" style="width: 100% ;" alt="">
					</div>
					<div class="dragDiv" id="dragDiv002" style="width: 50%;  left: 88px; top: 115px; ">
						<button type="button" class="close" onclick="deleteDiv('dragDiv002')" style="float: left;">
							<span aria-hidden="true">&times;</span>
						</button>
						<img src="/asset/img/虎.webp" style="width: 60% ;" alt="">
					</div>
					<div class="dragDiv" id="dragDiv003" style="width: 50%;  left: 657px; top: 0; ">
						<button type="button" class="close btn-left" onclick="deleteDiv('dragDiv003')" >
							<span aria-hidden="true">&times;</span>
						</button>
						<img src="/asset/img/灯笼001.webp" style="width: 30% ;" alt="">
					</div>
					<div class="dragDiv" id="dragDiv004" style="left: 21px; top: 30px;">
						<button type="button" class="close" onclick="deleteDiv('dragDiv004')" style="float: left;">
							<span aria-hidden="true">&times;</span>
						</button>
						<span class="spanInput" contenteditable="true">壬申年</span>
					</div>
					<div class="dragDiv" id="dragDiv005" style="left: 352px; top: 195px;">
						<button type="button" class="close" onclick="deleteDiv('dragDiv005')" style="float: left;">
							<span aria-hidden="true">&times;</span>
						</button>
						<span class="spanInput" contenteditable="true">新的一年虎虎生威</span>
					</div>
				</div>
			</div>

		</div>
	</div>

	<div class="row justify-content-center h-100">
		<form action='/userCardAdd.php' method='post' name="userCardAddForm" id="userCardAddForm"
		      enctype="multipart/form-data">
			<div class='form-group row'>
				<label for='addName' class='col-4 col-form-label'>贺卡备注</label>
				<div class='col-sm-8'>
					<input type='text' id='addName' name='addName'
					       class='form-control mx-sm-3'
					       aria-describedby='nameHelpInline' required='required'
					>
				</div>
			</div>
			<div class="row justify-content-center">
				<button type="button" class="btn btn-success btn-lg " onclick="downloadForJS()">分享</button>&nbsp;&nbsp;&nbsp;&nbsp;
				<button type="submit" class="btn btn-success btn-lg" onclick="savaPage()">保存</button>
			</div>

			<br>
			<textarea id="page" name="page" class="hiddenElement">
			</textarea>
		</form>
	</div>

</div>


</body>


<script src="/static/js/jquery-3.6.0.js"></script>
<script src="/static/js/html2canvas.js"></script>
<script src="/static/js/main.js"></script>
<script src="/static/bootstrap-4.6.1/js/bootstrap.min.js"></script>

<script>
	drag('dragDiv');

	function _drag() {
		drag('dragDiv');
	}

</script>
</html>
